*{ margin: 0; padding: 0;  }

.index_banner{ position: relative; overflow: hidden; width: 100%; height: 660px;}


.ban{ position: relative; overflow: hidden; left: 0px; width: 2300px; height: 660px;  }
.ban_l{ position: absolute; top: 0px; left: 0px; width: 1150px; height: 660px;  }
.ban_r{ position: absolute; top: 0px; right: 0px; width: 1150px; height: 660px;  }

.ban_pic{ position: relative; top: 0px;  }
.ban_nav{ position: fixed; top: 330px; margin-top: -80px; width: 15px; z-index: 25; }
.ban_nav_l{ left: 50px;  }
.ban_nav_r{ right: 50px;  }
.ban_nav span{ position: relative; display: inline-block; width: 11px; height: 11px; margin-top: 15px; background-color: #d5d5d5; border: 2px solid transparent; border-radius: 100%; cursor: pointer;  }
.ban_nav span.navon{  background-color: transparent; border: 2px solid #969696; }


.ban_mask{ position:absolute; top: 0px; left: 0px; width: 100%; height: 660px; background: url(../images/banner_mask.png) repeat; transition: opacity 0.5s ease 0s; z-index:30;}

.ban_logo{ position: absolute; top: 0px; width: 225px; height: 100%; z-index:40;  }
.ban_logo_l{ right: 0px; background: url(../images/pic-cur.png) no-repeat center left;  }
.ban_logo_r{ left: 0px; background: url(../images/pic-cur.png) no-repeat center right;  }

.ban_l:hover .ban_nav{ z-index: 25; }
.ban_l:hover .ban_mask{ opacity: 0; z-index:5; }
.ban_l:hover .ban_logo_l{ background: url(../images/pic.png) no-repeat center left;  }
.ban_r:hover .ban_nav{ z-index: 25; }
.ban_r:hover .ban_mask{ opacity: 0;  z-index:5; }
.ban_r:hover .ban_logo_r{ background: url(../images/pic.png) no-repeat center right;  }

.move-li{ position:relative;}
.move-li a{ position:relative; z-index:10;}